<!doctype html>
<html class="no-js" lang="">

<head>
	<meta charset="UTF-8">
	<meta name="hotcss" content="initial-dpr=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
	<META HTTP-EQUIV="Expires" CONTENT="0">
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="./start/css/Approval.css">
	<title>审批</title>
	<script src="./start/js/jquery-1.10.2.min.js"></script>
	<script src="./start/js/aes_1.js"></script>
	<!-- script src="./start/js/pdf.worker.js"></script>
  <script src="./start/js/jquery.media.js"></script>  -->
</head>

<body>
	<div class="all">
		<div class="head">
			<div class="head-avater">
				<img src="" alt="">
			</div>
			<div class="head-userdata">
				<div class="userdata-name"></div>
				<div class="userdata-department"></div>
				<div class="userdata-time"></div>
			</div>
			<div class="head-status">
				<div class="status">状态</div>
				<div class="status-img">
					<span class="status-text"></span>
					<span>-</span>
					<img src="./start/img/system-backnew.png" alt="">
				</div>
			</div>
		</div>
		<div class="dividing-line"></div>
		<div class="approval-data">
		</div>
		<div class="bottom-button">
			<div class="bottom-button-div" id="bottom-button-bh">
				<img src="./start/img/bh.png" alt="">
				<div>驳回</div>
			</div>
			<div class="bottom-button-div" id="bottom-button-ty">
				<img src="./start/img/ty.png" alt="">
				<div>同意</div>
			</div>
			<div class="bottom-button-tjz">提交中...</div>
		</div>
		<div class="reason">
			<div class="reason-baidi">
				<textarea class="reason-textarea" placeholder="请输入批准原因" name="a"></textarea>
				<div class="reason-dividing-line"></div>
				<div class="reason-bohui">
					<div class="reason-bohui-text">驳回至</div>
					<div class="reason-bohui-name">发起人：陈小编</div>
				</div>
			</div>
		</div>
	</div>

	<script id="zhanshi" type="text/template">
  {@each data.jibenxinxi as list}
  <div class="approval-data-div">
    <div class="approval-data-div-1">${list.leixing}</div>
    <div class="approval-data-div-2 starttime">${list.neirong}</div>
  </div>
  {@/each}
  <!-- 是否显示附件 -->
  {@if data.existsAttachment}
  <div class="approval-data-divvv">
    <div class="approval-data-div-1">附件</div>
    <div class="approval-data-divvv-2 text-link-blo">
		{@each data.fujian as fujian}
			<div class="Enclosure" data-url="${fujian.herf}" >${fujian.fjm}</div> 
		{@/each}
    </div>
  </div>
  {@/if}
  <!-- 是否显示详情 -->
  {@if data.existsDetail}
  <div class="approval-data-details" >${data.detailTitle}</div>
  <!-- showPage == 1 采购类， showPage == 2 一般付款申请流程， showPage == 3 调休申请单， showPage == 4 公章使用申请，showPage==5 采购类但是没有备注的 showPage == null， 用品（易耗品）领用  -->
        
        {@if data.mingxi.showPage == 2 || data.mingxi.showPage == 4}
        <!-- 单据明细 -- 一般付款申请流程 and 公章使用申请 -->
        <div class="official-seal-det-list pay-block-wrap">
          {@each data.mingxi.data as mingxi,index}
          <div class="official-seal-list">
            <div class="seal-left-blo">
              <div class="a-d-d-l-d-head-xu">${++index}</div>
            </div>
            <div class="seal-right-blo">
              {@each data.mingxi.toubu as tou,ind}
              <div class="seal-list">
                <span class="seal-right-label">${tou}：</span>
                <span class="seal-right-value">${mingxi[++ind]}</span>
              </div>
              {@/each}
              </div>
          </div>
            {@/each}
          </div>

          {@else if data.mingxi.showPage == 3}
          <!-- 单据明细 -- 调休申请单 -->
          <div class="official-seal-det-list">
            {@each data.mingxi.data as mingxi,index}
            <div class="official-seal-list">
              <div class="seal-left-blo">
                <div class="a-d-d-l-d-head-xu">${++index}</div>
              </div>
              <div class="seal-right-blo">
                <div class="seal-right-title">${mingxi[0]}：</div>
                {@each data.mingxi.toubu as tou,ind}
                <div class="change-list">
                  <span class="seal-right-label">${tou}：</span>
                  <span class="seal-right-label">${mingxi[++ind]}</span>
                </div>
                {@/each}
              </div>
              </div>
            {@/each}
          </div>

        <!-- 采购详情  -->
        {@else if data.mingxi.showPage == 1}
        <div class="approval-data-details-list purchase-det-list">
          {@each data.mingxi.data as mingxi,index}
          <div class="approval-data-details-list-data">
            <div class="a-d-d-l-d-head">
              <div class="a-d-d-l-d-head-xu">${++index}</div>
              <!-- <div class="a-d-d-l-d-head-name">${mingxi.name}</div> -->
              <div class="a-d-d-l-d-head-name">${mingxi[0]}</div>
            </div>
            <div class="a-d-d-l-d-content">
              <div class="a-d-d-l-d-content-one xh-block-list-wrap">
                {@each data.mingxi.toubu as tou,ind}
                {@if tou == '备注'}
                {@else}
                <div class="xh-block-list">
                  <div class="a-d-d-l-d-content-title-copy" style="text-align">${tou}</div>
                  <div class="a-d-d-l-d-content-content-copy">${mingxi[++ind]}</div>
                </div>
                {@/if}
                {@/each}
              </div>
                <div class="remarks-blo">
                  <span class="a-d-d-l-d-content-title-copy">备注：</span>
                  <span class="a-d-d-l-d-content-title-copy">${mingxi[mingxi.length -1]}</span>
                </div>
            </div>
          </div>
          {@/each}
        </div>
        <!-- 采购详情无备注  -->
        {@else if data.mingxi.showPage == 5}
        <div class="approval-data-details-list purchase-det-list">
          {@each data.mingxi.data as mingxi,index}
          <div class="approval-data-details-list-data">
            <div class="a-d-d-l-d-head">
              <div class="a-d-d-l-d-head-xu">${++index}</div>
              <!-- <div class="a-d-d-l-d-head-name">${mingxi.name}</div> -->
              <div class="a-d-d-l-d-head-name">${mingxi[0]}</div>
            </div>
            <div class="a-d-d-l-d-content">
              <div class="a-d-d-l-d-content-one xh-block-list-wrap">
                {@each data.mingxi.toubu as tou,ind}
                {@if tou == '备注'}
                {@else}
                <div class="xh-block-list">
                  <div class="a-d-d-l-d-content-title-copy" style="text-align">${tou}</div>
                  <div class="a-d-d-l-d-content-content-copy">${mingxi[++ind]}</div>
                </div>
                {@/if}
                {@/each}
              </div>
                <!-- <div class="remarks-blo">
                  <span class="a-d-d-l-d-content-title-copy">备注：</span>
                  <span class="a-d-d-l-d-content-title-copy">${mingxi[mingxi.length -1]}</span>
                </div> -->
            </div>
          </div>
          {@/each}
        </div>


		 <!-- 用品（易耗品）领用 -- 等..  -->
        {@else}
        <div class="approval-data-details-list purchase-det-list">
          {@each data.mingxi.data as mingxi,index}
          <div class="approval-data-details-list-data">
            <div class="a-d-d-l-d-head">
              <div class="a-d-d-l-d-head-xu">${++index}</div>
              <!-- <div class="a-d-d-l-d-head-name">${mingxi.name}</div> -->
              <div class="a-d-d-l-d-head-name">
                <span>${mingxi[0]}</span>
                {@if !data.mingxi.showPage}
                <span class="a-head-sub-name">${mingxi[mingxi.length -2]}</span>
                {@/if}
              </div>
            </div>
            <div class="a-d-d-l-d-content">
              <div class="a-d-d-l-d-content-one xh-block-list-wrap">
                {@each data.mingxi.toubu as tou,ind}
                {@if tou == '备注' || tou == '类别'}
                {@else}
                <div class="xh-block-list">
                  <div class="a-d-d-l-d-content-title-copy">${tou}</div>
                  <div class="a-d-d-l-d-content-content-copy">${mingxi[++ind]}</div>
                </div>
                {@/if}
                {@/each}
              </div>
                <div class="remarks-blo">
                  <span class="a-d-d-l-d-content-title-copy">备注：</span>
                  <span class="a-d-d-l-d-content-title-copy">${mingxi[mingxi.length -1]}</span>
                </div>
            </div>
          </div>
          {@/each}
        </div>
        {@/if}

      </div>
      {@/if}
</script>

	<!--<script src="./start/js/pdfobject.js"></script>-->
	<script src="./start/js/common.js"></script>
	<script src="./start/js/Approval.js"></script>
	<script src="./start/js/juicer.js"></script>
	<!--<script src="./start/js/pdf.js"></script>-->


</body>

</html>